<template>
  <div class="wrap">
    <footer>
      <div class="foot-top">
        <div>
          <router-link to="/home" activeClass="active">
            <p class="iconfont icon-shouyeshangdian"></p>
            <p>商城</p>
          </router-link>
        </div>

        <div>
          <router-link to="/cate" activeClass="active">
            <p class="iconfont icon-shouyeshangdian"></p>
            <p>分类</p>
          </router-link>
        </div>

        <div>
          <router-link to="/shopping" activeClass="active">
            <p class="iconfont icon-shouyeshangdian"></p>
            <p>购物车</p>
          </router-link>
        </div>
        <div>
          <router-link to="/mine" activeClass="active">
            <p class="iconfont icon-shouyeshangdian"></p>
            <p>我</p>
          </router-link>
        </div>
      </div>
      <img src="../assets/Image/m-index/foot-bottom.png" alt="" />
    </footer>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
};
</script>

<style scoped>
.active {
  color: #ff6040 !important;
}
</style>
